// out: ../css/index.css, compress: true, sourceMap: false
@import './common/common.less';
@import './eui/swiper.less';
@import './common/personal.less';
@import './common/news_list.less';
.eui-icon-intergral {
    background-image: url(../images/index/eui-icon-intergral.png);
}

.eui-icon-activity {
    background-image: url(../images/index/eui-icon-activity.png);
}

.eui-icon-video {
    background-image: url(../images/index/eui-icon-video.png);
}

.eui-icon-more {
    background-image: url(../images/index/eui-icon-more.png);
}

.index-mask-bar {
    z-index: 99;
    width: 100%;
    height: 100%;
    max-width: 10rem;
    margin: 0 auto;
    .index-mask-bg {
        background-color: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        justify-content: center;
        align-items: center;
        img {
            width: 60%;
            .eui--css3(transition,all .5s);
        }
        .cartoon{
            position: absolute;
            bottom: .8rem;
            right: .266667rem;
            width: 10%;
        }
    }
    .index-mask-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 1rem;
        height: .8rem;
        z-index: 200;
        background: url(../images/index/close-mask.png) no-repeat;
        background-size: 100% 100%;
    }
    .index-mask-wrap {
        position: relative;
        background: rgba(255, 255, 255, .85);
        padding: .29333rem 0 0 .2rem;
        height: 1.666667rem;
    }
    .index-mask-icon {
        width: 1.066667rem;
        height: 1.066667rem;
        float: left;
    }
    .index-mask-text {
        font-weight: bold;
        width: 50%;
        height: 1.066667rem;
        color: #000000;
        height: .433333rem;
        line-height: .533333rem;
        margin-left: .233333rem;
        float: left;
    }
    .eui-btn {
        margin: .2rem 0 0 0;
    }
}

.index-content {
    margin: .266667rem auto;
}

.index-header {
    align-items: center;
    justify-content: center;
    .user-photo {
        position: absolute;
        left: 0.36rem;
        height: 0.666666rem;
        width: 0.506666rem;
    }
    .search-enter {
        position: absolute;
        right: 0.36rem;
    }
}

.index-bar-tab {
    height: 2.493333rem;
    .eui-icon {
        width: 1.333333rem;
        height: 1.333333rem;
    }
}

.index-reservation-card-view {
    .eui-card-content,
    .eui-card-img {
        height: 2.88rem;
    }
    .eui-card-content {
        margin-bottom: .226667rem;
    }
    .eui-card-label {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-left: .213333rem;
        font-size: .346667rem;
        height: 1.066667rem;
        line-height: 1.333333rem;
    }
}

.hot-list {
    position: relative;
    padding: 0.373333rem 0 .24rem 0;
    width: 100%;
    height: 6rem;
    background: url(../images/di_juse.jpg);
    justify-content: space-around;
    align-items: flex-end;
    div {
        flex: 0 0 2.933333rem;
        height: 3.653333rem;
        background: url('../images/index/page_bg.png') 0 0 / 100% no-repeat;
        background-size: 100% 100%;
        padding-top: 1rem;
        text-align: center;
        position: relative;
        img.game-icon {
            width: 1.92rem;
            height: 1.92rem;
            position: absolute;
            top: -25%;
            left: 50%;
            margin-left: -0.96rem;
        }
        p {
            font-size: .346667rem;
            color: #000000;
        }
        span {
            font-size: .293333rem;
            color: #959494;
        }
        a {
            font-size: .346667rem;
        }
    }
}